<%-- 
    Document   : index
    Created on : 17-sep-2013, 16:29:57
    Author     : joelpacheco
--%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="fmt" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>GedeonMvc</title>
        <%@include file="../../template/estilos.jsp"%>
        <%@include file="../../template/script.jsp" %>

        <script type="text/javascript">
            var oTable;
            oTable = $(document).ready(function() {
                $('#table_id').dataTable({
                    "bProcessing": true,
                    "bServerSide": true,
                    //"bJQueryUI" : true,
                    "bAutoWidth": true,
                    //"sPaginationType" : "full_numbers",
                    "sAjaxSource": "ajax",
                    "fnServerData": function(sSource, aoData, fnCallback) {
                        $.ajax({
                            "dataType": 'json',
                            "type": "POST",
                            //"url": sSource,
                            "url": "ajax",
                            "data": aoData,
                            "success": fnCallback
                        });
                    }
                });
            });
        </script>

    </head>

    <body class="page-header-fixed">

        <%@include file="../../template/header.jsp"%>

        <div class="page-container">
            <%@include file="../../template/sidebar.jsp"%>
            <div class="page-content">
                <h3>Lista de Roles</h3>

                <div class="container-fluid">
                    <div class="row-fluid">
                        <div class="span12">
                            <div class="portlet box blue">
                                <div class="portlet-title">
                                    <div class="caption"><i class="icon-globe"></i>Lista de Roles</div>
                                    <div class="actions">

                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <div id="sample_2_wrapper"
                                         class="dataTables_wrapper form-inline" role="grid">
                                        <table id="table_id"
                                               class="table table-striped table-bordered table-hover table-full-width dataTable"
                                               aria-describedby="sample_1_info">
                                            <thead>
                                                <tr>
                                                    <th>Id</th>
                                                    <th>Nombre</th>
                                                    <th>Descripcion</th>
                                                    <th>Fecha de Registro</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td colspan="5" class="dataTables_empty">Loading data
                                                        from server</td>
                                                </tr>
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <th>Id</th>
                                                    <th>Nombre</th>
                                                    <th>Descripcion</th>
                                                    <th>Fecha de Registro</th>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <%@include file="../../template/footer.jsp"%>
    </body>
</html>
